<style>
    .layui-card:last-child {
        border-radius: 8px;
    }
    
    .layui-card-header.layuiadmin-card-header-auto {
        padding-top: 0px;
        padding-bottom: 0px;
        height: auto;
    }
    
    .layui-card-body {
        width: 96%;
        margin: 0 auto;
        margin-top: 50px;
        box-shadow: 0px 2px 6px 0px rgba(6, 185, 145, 0.2);
    }
    
    .sanbut {
        float: right;
        display: flex;
        justify-content: space-around;
        align-items: center;
        /* position: absolute;
      right: 0;
      top: 0; */
    }
    
    .threemin {
        width: 49%;
        margin: 13px 0px 12px 0;
        background-color: #F5F5F5;
        border-radius: 4px;
        float: left;
        padding: 10px 20px;
        box-sizing: border-box;
        min-height: 176px;
    }
    
    .threemax {
        width: 50%;
        background-color: #F5F5F5;
        border-radius: 4px;
        margin: 13px 0px 12px 0;
        float: right;
        padding: 10px 20px;
        box-sizing: border-box;
    }
    
    .threemaxpor {
        width: 100%;
        background-color: #F5F5F5;
        border-radius: 4px;
        /* margin: 13px 0px 12px 0; */
        padding: 10px 20px;
        box-sizing: border-box;
    }
    
    th {
        border: transparent !important;
    }
    
    tr {
        border-bottom: 1px solid #F5F5F5;
    }
    
    .layui-btn-danger {
        background-color: #F87C7E;
    }
    
    .aa {
        border-radius: 8px;
        background-color: #F5F5F5;
        padding-left: 10px;
        width: 200px;
    }
    
    .bb {
        background-color: #06B991;
        display: inline-block;
        width: 90px;
        height: 38px;
        line-height: 38px;
        padding: 0 18px;
        /* background-color: transparent; */
        color: #fff;
        white-space: nowrap;
        text-align: center;
        font-size: 14px;
        border: none;
        /* border-radius: 2px; */
        cursor: pointer;
        border-radius: 8px;
        /* border: 1px solid #DCDFE6; */
        margin-right: 10px;
    }
    
    .layui-btn {
        display: inline-block;
        min-width: 90px;
    }
    
    .cc {
        min-width: 190px;
        font-size: 15px;
    }
    
    .minbox {
        /* width: 300px; */
        /* margin: 14px 0; */
        width: 100%;
    }
    
    .layui-table,
    .layui-table-view {
        margin: 4px 0;
    }
    
    .zuobiao {
        width: 100%;
        text-align: center;
        font-size: 22px;
        margin: 23px 0;
    }
    
    .xy {
        font-size: 18px;
        width: 100%;
        text-align: center;
        margin-top: 12px;
    }
    
    .xy>input {
        margin-left: 22.5px;
        border-radius: 8px;
        background-color: #F5F5F5;
        height: 24.5px;
        width: 162px;
        padding-left: 10px;
        border: none;
    }
    
    .put>input {
        margin-left: 5.5px;
        border-radius: 8px;
        background-color: #F5F5F5;
        height: 24.5px;
        width: 162px;
        padding-left: 10px;
        border: none;
    }
    
    .xy>input::placeholder {
        font-size: 15px;
    }
    
    .liangbut {
        margin-top: 29.5px;
        display: flex;
        justify-content: center;
        margin-bottom: 10px;
    }
    
    tr {
        border: 1px solid #F5F5F5;
    }
    
    .layui-this {
        background-color: #06B991;
        color: #fff !important;
    }
    
    .layui-tab-title {
        border: none;
        float: left;
        margin-left: 20%;
    }
    
    .layui-tab-title .layui-this:after {
        border: none;
    }
    
    .layui-tab-content {
        padding: 5px 0;
        box-sizing: border-box;
    }
    
    .xian {
        width: 70%;
        height: 20px;
        margin: 24px auto;
        color: #06B991;
        font-size: 18px;
        text-align: center;
        line-height: 20px;
        background: url(https://njyyl.oss-cn-hangzhou.aliyuncs.com/images/xian.png?versionId=CAEQIRiBgICZl9Gu4RciIDk5ODA5OGY4Mzg5OTRkYWU5ZmVjNzllZTBiNGY0YmU5) no-repeat;
        background-size: 100%;
    }
    
    .list {
        width: 100%;
        margin: 0% 0 2% 0
    }
    
    .son {
        width: 100px;
        height: 100px;
        background: url(https://njyyl.oss-cn-hangzhou.aliyuncs.com/images/yuan.png?versionId=CAEQIRiBgMCSl9Gu4RciIDc1ODM2YjY1Mjk0MzQ5NWZhN2E3MzViZjVmM2IzNmY1) no-repeat;
        background-size: 100% 100%;
        /* line-height: 129px; */
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        float: left;
        margin: 12px 12px 0 0;
        cursor: pointer;
    }
    
    .sonwc {
        width: 100px;
        height: 100px;
        background: url(https://njyyl.oss-cn-hangzhou.aliyuncs.com/images/yuan.png?versionId=CAEQIRiBgMCSl9Gu4RciIDc1ODM2YjY1Mjk0MzQ5NWZhN2E3MzViZjVmM2IzNmY1) no-repeat;
        background-size: 100% 100%;
        /* line-height: 129px; */
        text-align: center;
        float: left;
        margin: 12px 12px 0 0;
        cursor: pointer;
    }
    
    .dd {
        background-color: #FEA858;
    }
    /*二级菜单样式修改*/
    
    .baba li {
        border: 1px solid #F2F3F6;
        border-radius: 10px;
        color: black;
        display: inline-block;
        width: 80px;
        height: 38px;
        line-height: 38px;
        padding: 0 18px;
        white-space: nowrap;
        text-align: center;
        font-size: 14px;
        cursor: pointer;
        border-radius: 8px;
        margin-right: 8px;
    }
    
    .erzi li {
        background-color: white !important;
        color: black !important;
        border: 1px solid #F2F3F6;
        border-radius: 10px;
        display: inline-block;
        width: 60px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
        padding: 0 13px;
        white-space: nowrap;
        margin-right: 5px;
    }
    
    .erzi .layui-this {
        border: 1px solid #8DDFCC;
        color: #8DDFCC !important;
    }
    
    .cansu {
        width: 211px;
        height: 215px;
        background: url(https://njyyl.oss-cn-hangzhou.aliyuncs.com/images/kuang.png?versionId=CAEQIRiBgICmosG94RciIGJmYzIxMjBhMDg5MzQxODRhNDEwNWRkZTI3OTJhM2Vj) no-repeat;
        background-size: 100% 100%;
        margin-right: 12.5px;
        margin-bottom: 15px;
        float: left;
    }
    
    [v-cloak] {
        display: none;
    }
    
    .maxcansu {
        width: 433.75px;
        height: 124.4px;
        background: url(https://njyyl.oss-cn-hangzhou.aliyuncs.com/images/maxkuang.png?versionId=CAEQIRiBgIDY_qa.4RciIGNmYWQyYWNjZGFjYTRkMzA5N2IyY2UzNjQ2MWVlMmE3) no-repeat;
        background-size: 100% 100%;
        margin-right: 12.5px;
        margin-bottom: 15px;
        float: left;
    }
    
    .kuang {
        display: flex;
        justify-content: space-around;
        align-items: center;
        font-size: 15px;
        height: 30px;
    }
    
    .kuangall {
        padding: 15px;
    }
    
    .maxkuang {
        padding: 15px 10px;
    }
    
    .minput {
        width: 61px;
        background-color: #F5F5F5;
        border: 1px solid #DCDFE6;
        color: #06B991;
        text-align: center;
    }
    
    .bcby {
        width: 100%;
        text-align: center;
        margin: 50px 0;
    }
    
    .bian {
        box-shadow: 0px 2px 6px 0px rgba(6, 185, 145, 0.2);
    }
    
    .yiyy {
        position: absolute;
        background-color: #DCDFE6;
        width: 100%;
        height: 100%;
        opacity: 0.8;
    }
    
    th,
    td {
        text-align: center;
    }
    
    .layui-table th {
        font-weight: 100;
        color: black;
        font-size: 4rem;
    }
    
    .layui-table td {
        font-weight: 100;
        color: black;
        font-size: 4rem;
    }
    
    .leftbiao {
        width: 55%;
        margin: 0;
        box-shadow: 0px 2px 6px 0px rgba(6, 185, 145, 0.2);
        padding-bottom: 10px;
        box-sizing: border-box;
        float: left;
        position: relative;
    }
    
    .rightbiao {
        width: 44%;
        margin: 0;
        box-shadow: 0px 2px 6px 0px rgba(6, 185, 145, 0.2);
        /* padding-bottom: 10px; */
        box-sizing: border-box;
        float: right;
        min-height: 242px;
        position: relative;
    }
    
    .dibulan {
        width: 90%;
        margin: 5px auto;
        font-size: 4rem;
        border-radius: 4px;
        text-align: center;
        height: 46px !important;
    }
    
    .divhui {
        background-color: #F5F5F5;
        width: 221px;
        height: 46;
        float: left;
        margin-right: 12px;
        border-radius: 5px;
        margin-top: 10px;
    }
    
    .dibukg {
        position: relative;
        width: 10px;
        float: right;
        margin-right: 20px;
    }
    
    .zhuangtai {
        float: left;
        font-size: 15px;
        /* margin-right: 12px; */
    }
    
    .hdtext {
        width: 90%;
        margin: 0 auto;
        font-size: 4rem;
        font-weight: 600;
        text-align: center;
    }
    
    .tbodyf td,
    .tbodyf th {
        padding: 6.5px 15px !important;
        text-align: left;
        font-size: 4rem;
    }
    
    .tbodyf>tr>td {
        text-align: left !important;
    }
    
    .zttwoa {
        width: 60%;
        /* height: calc(100vh - 163px); */
        box-shadow: 0px 2px 6px 0px rgba(6, 185, 145, 0.2);
        margin: 23px 0px 0 0;
        padding: 10px 20px;
        box-sizing: border-box;
        border-radius: 8px;
        min-height: 257.281px;
        float: left;
        position: relative;
    }
    
    .zttwob {
        width: 35%;
        box-shadow: 0px 2px 6px 0px rgba(6, 185, 145, 0.2);
        margin: 23px 12px 0 0;
        padding: 10px 20px;
        box-sizing: border-box;
        border-radius: 8px;
        float: right;
        min-height: 290px;
        /* min-height: 257.281px; */
        position: relative;
    }
    
    .zttwoc {
        width: 48%;
        overflow-x: scroll;
        box-shadow: 0px 2px 6px 0px rgba(6, 185, 145, 0.2);
        margin: 0px 12px 0 0;
        padding: 10px 20px;
        box-sizing: border-box;
        border-radius: 8px;
        float: right;
        min-height: 290px;
        position: relative;
    }
    
    .listqi th,
    .listqi td {
        padding: 4px;
        height: 30px;
        width: 24px;
    }
    
    .yinyin {
        width: 100%;
        height: 100%;
        background-color: #F5F5F5;
        opacity: 0.5;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    }
    
    .twolefta {
        width: 100%;
        font-size: 4rem;
    }
    
    .twoleftb {
        width: 50%;
        font-size: 4rem;
        float: left;
    }
    
    .twoleftc {
        width: 40%;
        font-size: 4rem;
        float: left;
        height: 55px;
        padding-top: 7px;
    }
    
    .twoleftd {
        width: 60%;
        font-size: 4rem;
        float: right;
        height: 55px;
        padding-top: 7px;
    }
    
    .layui-form-switch {
        margin-top: 0;
    }
    
    .tworight {
        width: 90%;
        background-color: #F5F5F5;
        padding: 5px 10px;
        box-sizing: border-box;
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
        margin: auto;
    }
    /* .layui-table {
      width: 100%;
      background-color: #F5F5F5;
      color: #666;
  } */
    
    .ztthree {
        width: 50%;
        box-shadow: 0px 2px 6px 0px rgba(6, 185, 145, 0.2);
        padding: 0 20px;
        box-sizing: border-box;
        border-radius: 4px;
        margin-top: 12px;
        position: relative;
    }
    
    .ztthree>.twolefta {
        padding-top: 10px;
    }
    
    .fudong {
        display: flex;
        /* justify-content: space-between; */
        flex-direction: column;
        align-items: center;
    }
    
    .shebeiall {
        border-radius: 8px;
        border: 1px solid #DCDFE6;
        text-align: center;
        font-size: 14px;
        padding: 0 18px;
        height: 38px;
        line-height: 38px;
        margin-right: 10px;
    }
    
    .layui-form-select .layui-input {
        border-radius: 8px;
        background-color: #F5F5F5;
    }
    
    .layui-card-header {
        line-height: 30px;
    }
    
    .clbh {
        height: 38px;
        line-height: 38px;
        float: left;
        margin-right: 10px;
    }
    
    .ka {
        width: 100%;
    }
    
    .kahao {
        width: 100%;
        font-size: 5rem;
        font-weight: 600;
        text-align: center;
        margin: 2% auto;
    }
    
    .duka {
        width: 40%;
        float: left;
        font-size: 4rem;
        text-align: right;
    }
    
    .tongxin {
        width: 40%;
        float: right;
        font-size: 4rem;
        text-align: left;
    }
    
    .yi {
        position: relative;
    }
    
    .sbpz {
        background-color: white !important;
        color: black !important;
        border: 1px solid #F2F3F6;
        border-radius: 10px;
        width: 60px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
        padding: 0 13px;
        white-space: nowrap;
        margin-right: 5px;
        float: left;
        margin-top: 5px;
        cursor: pointer;
    }
    
    .ztsleft {
        width: 40%;
        /* height: 100%; */
        box-shadow: 0px 2px 6px 0px rgba(6, 185, 145, 0.2);
        margin: 23px 0px 0 0;
        padding: 10px 20px;
        box-sizing: border-box;
        border-radius: 8px;
        /* min-height: 257.281px; */
        min-height: 542px;
        float: left;
        position: relative;
    }
    
    .ztsson {
        width: 100%;
        font-size: 4rem;
    }
    
    .bor {
        border: 1px solid #fff;
    }
    
    .all-percentage {
        min-width: 746px;
        margin-bottom: 30px;
    }
    
    .single-percentage {
        display: inline-block;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        padding: 5px;
        margin-left: 15px;
    }
    
    .percentage-piont {
        width: 48px;
        height: 48px;
        background-color: #fff;
        border-radius: 50%;
        border: 1px dotted #06b991;
        line-height: 50px;
        color: #06b991;
        text-align: center;
    }
    
    .text-percentage {
        width: 20rem;
        height: 60px;
        text-align: center;
        line-height: 60px;
        font-size: 4rem;
    }
    
    .line-percentage {
        width: 100%;
        display: flex;
        margin-bottom: 5px;
        align-items: center;
    }
    
    .mask {
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.2);
        width: 100%;
        height: 100%;
    }
    
    #select {
        width: 190px;
        height: 38px;
        border-color: #e6e6e6;
        border-radius: 5px;
    }
    
    #select option {
        padding: 0 10px;
        line-height: 36px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 100px;
        margin-left: 10px;
    }
    
    select {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    }
    
    ._htools-select {
        border-radius: 5px;
    }
    
    ._htools-select ._select-selectbtn {
        width: 0;
        height: 0;
        border-left: 6px solid transparent !important;
        border-right: 6px solid transparent !important;
        border-top: 8px solid gray !important;
    }
</style>
<link rel="stylesheet" type="text/css" href="/src/lib/css/htools.select.skin.css?v=1.0">


<script src="src/js/jquery-1.11.0.min.js"></script>
<script src="src/lib/js/jquery.htools.select.js"></script>



<div class="layui-fluid">
    <div class="layui-card">
        <div style="position: relative;top: 43px;left: 10px;z-index: 99999999;width: 300px;">
            <div class="clbh"> 车辆编号:</div>
            <div>
            </div>
            <div class="_htools-selec-box">
                <label>
					<select id="myselect" style="border-radius: 5px;" onchange="aa()">
					</select>
				</label>
            </div>
        </div>
        <div class="layui-form layui-card-header layuiadmin-card-header-auto" lay-filter="layadmin-useradmin-formlist">


            <!-- <div class="layui-inline" style="float: left;">
			
			    <div class="layui-form-item">
			        <div class="layui-input-inline">
			            <select id="select" lay-filter="interest-search" lay-search name="interest-search" class="soso" style="background-color: #F5F5F5;">
			            </select>
			
			        </div>
			    </div>
			</div> -->

            <div class="layui-tab" id="app" v-cloak>

                <!-- 加个50是为了看起来大家都在一个水平上，不会因为别人有二级菜单，就一会上一会下的，要是不想要可以去掉，因为二级的高度是40 -->
                <div class="layui-tab-content">
                    <div class="layui-tab" style="margin-top: 0px;">


                        <ul class="layui-tab-title erzi">
                            <li style="margin-top: 5px;" class="layui-this">状态1组</li>
                            <li style="margin-top: 5px;">状态2组</li>
                            <li style="margin-top: 5px;">状态3组</li>
                            <li style="margin-top: 5px;">状态4组</li>
                        </ul>
                        <div class="sbpz" lay-submit lay-filter="LAY-user-back-peizhi">上报配置</div>
                        <div style="clear: both;"></div>
                        <!-- 车辆编号搜索 -->
                        <div class="layui-tab-content">
                            <div class="layui-tab-item minbox layui-show">
                                <div class="leftbiao">
                                    <table class="layui-table" style="min-height: 415px;">
                                        <colgroup>
                                            <!-- <col width="150">
                                              <col width="200">
                                              <col> -->
                                        </colgroup>
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th colspan="5" style="font-weight: 600;text-align: center;">目标运动模式</th>
                                                <th colspan="7" style="font-weight: 600;text-align: center;">实时运动模式</th>
                                                <th colspan="3" style="font-weight: 600;text-align: center;">单位</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>vx</td>
                                                <td colspan="5">{{lister[0]}}</td>
                                                <td colspan="7">{{lister[3]}}</td>
                                                <td colspan="3">m/s</td>
                                            </tr>
                                            <tr>
                                                <td>vy</td>
                                                <td colspan="5">{{lister[1]}}</td>
                                                <td colspan="7">{{lister[4]}}</td>
                                                <td colspan="3">m/s</td>

                                            </tr>
                                            <tr>
                                                <td>vw</td>
                                                <td colspan="5">{{lister[2]}}</td>
                                                <td colspan="7">{{lister[5]}}</td>
                                                <td colspan="3">deg/s</td>
                                            </tr>
                                            <tr style="height: 40px;">
                                                <!--<i class="layui-icon" style="color: #FEA858;font-weight: 600;">&#xe617;-->
                                                <td colspan="5" style="text-align: center;"><span style="margin-left: 12px;font-weight: 100;color: black;">导航类型：{{lister[19]==1?'激光导航':lister[19]==2?'激光导航+辅助定位':lister[19]==3?'二维码导航':lister[19]==4?'磁条导航':"磁钉导航"}}</span></i>
                                                </td>
                                                <td colspan="5" style="text-align: center;"><span style="margin-left: 12px;font-weight: 100;color: black;">循迹速度：{{lister[20]==1?'常速':"低速"}}</span></i>
                                                </td>
                                                <td colspan="5" style="text-align: center;"><span style="margin-left: 12px;font-weight: 100;color: black;">动作类型：{{lister[21]==0?'无动作':"充电"}}</span></i>
                                                </td>
                                            </tr>
                                            <tr style="font-weight: 600;">
                                                <td></td>
                                                <td colspan="4">里程计坐标</td>
                                                <td colspan="4">实时坐标</td>
                                                <td colspan="4">目的坐标</td>
                                                <td colspan="4">实时偏差</td>
                                                <td>单位</td>
                                            </tr>
                                            <tr>
                                                <td>x</td>
                                                <td colspan="4">{{lister[7]}}</td>
                                                <td colspan="4">{{lister[10]}}</td>
                                                <td colspan="4">{{lister[13]}}</td>
                                                <td colspan="4">{{lister[16]}}</td>
                                                <td>m</td>
                                            </tr>
                                            <tr>
                                                <td>y</td>
                                                <td colspan="4">{{lister[8]}}</td>
                                                <td colspan="4">{{lister[11]}}</td>
                                                <td colspan="4">{{lister[14]}}</td>
                                                <td colspan="4">{{lister[17]}}</td>
                                                <td>m</td>
                                            </tr>
                                            <tr>
                                                <td>w</td>
                                                <td colspan="4">{{lister[9]}}</td>
                                                <td colspan="4">{{lister[12]}}</td>
                                                <td colspan="4">{{lister[15]}}</td>
                                                <td colspan="4">{{lister[18]}}</td>
                                                <td>deg</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <div class="dibulan">
                                        <div class="divhui">实时转弯半径<span>{{lister[6]}}m</span></div>
                                        <div class="divhui">动作细节<span>{{lister[22]}}mm</span></div>
                                        <div style="clear: both;"></div>
                                    </div>
                                    <div class="mask" v-if="listSetCopy.uauploadenable2==0"></div>

                                </div>

                                <div class="rightbiao">
                                    <table class="layui-table tbodyf">
                                        <tbody>
                                            <tr>
                                                <td>控制模式:</td>
                                                <td>{{listyi[0]}}</td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <td>自动运行状态:</td>
                                                <td>{{listyi[1]==1?'任务执行中':listyi[1]==0?'待命':listyi[1]==2?'任务完成':listyi[1]==3?'任务暂停中':listyi[1]==4?'请求重发路线':listyi[1]==5?'遥控中':'地图切换中'}}</td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <td>目的运动模式:</td>
                                                <td>{{listyi[2]}}</td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <td>实时运动模式:</td>
                                                <td>{{listyi[3]}}</td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <td>故障代码:</td>
                                                <td v-if="listyi[4]==''&&listyi[5]==''">{{parseInt(parseInt(listyi[4])+parseInt(listyi[5])*256*256).toString(16)}}</td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <td>警告代码:</td>
                                                <td>{{listyi[6]}}</td>
                                                <td style="text-align: right;">
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <div class="mask" v-if="listSetCopy.uauploadenable1==0"></div>
                                </div>
                                <div class="rightbiao">
                                    <div class="hdtext">BMS实时状态</div>
                                    <table class="layui-table tbodyf">
                                        <tbody>
                                            <tr>
                                                <td>实时电压</td>
                                                <td>{{listsan[0]}} V</td>
                                                <td>实时电流</td>
                                                <td>{{listsan[1]}} A</td>
                                            </tr>
                                            <tr>
                                                <td>剩余比例</td>
                                                <td>{{listsan[2]}} %</td>
                                                <td>剩余容量</td>
                                                <td>{{listsan[3]}} AH</td>
                                            </tr>
                                            <tr>
                                                <td>最大单体电压</td>
                                                <td>{{listsan[4]}} V</td>
                                                <td>最小单体电压</td>
                                                <td>{{listsan[5]}} V</td>
                                            </tr>
                                            <tr>
                                                <td>最大单体温度</td>
                                                <td>{{listsan[6]}} ℃</td>
                                                <td>最小单体温度</td>
                                                <td>{{listsan[7]}} ℃</td>
                                            </tr>
                                            <tr>
                                                <td>循环次数</td>
                                                <td>{{listsan[8]}}</td>
                                                <td>充电电压</td>
                                                <td>{{listsan[9]}} v</td>
                                            </tr>
                                            <tr>
                                                <td>充电电流</td>
                                                <td>{{listsan[10]}} A</td>
                                                <td>通信超时</td>
                                                <td>{{listsan[11]}}</td>
                                            </tr>
                                        </tbody>

                                    </table>
                                    <div style="clear: both;"></div>
                                    <div class="mask" v-if="listSetCopy.uauploadenable3==0"></div>
                                </div>
                                <div style="clear: both;"></div>
                            </div>
                            <div class="layui-tab-item minbox">
                                <div class="zttwoa">
                                    <div class="twolefta">导航传感器实时坐标: （ {{listsi[0]}} m ,{{listsi[1]}} m ,{{listsi[2]}} 2 deg）</div>
                                    <div class="twolefta">导航传感器工作模式: {{listsi[3]}}</div>
                                    <div class="twolefta">导航传感器状态信息: {{listsi[4]}}</div>
                                    <div class="twolefta">导航传感器平均误差: {{listsi[5]}} m</div>
                                    <div class="twolefta">导航传感器靶标数量: {{listsi[6]}} 个</div>
                                    <div class="twolefta">导航传感器通信超时: {{listsi[7]}}</div>
                                    <div class="twolefta">定位传感器实时坐标: [{{listsi[8]}} m, {{listsi[9]}} m ,{{listsi[10]}} deg ),({{listsi[11]}} m ,{{listsi[12]}} m ,{{listsi[13]}} deg )]</div>
                                    <div class="twolefta">定位传感器工作模式: [ model {{listsi[14]}} ,model {{listsi[15]}} ]</div>
                                    <div class="twoleftb" style="width: 70%;">定位传感器通信超时: [ {{listsi[16]}} , {{listsi[17]}} ]</div>
                                    <div style="clear: both;"></div>
                                    <div class="mask" v-if="listSetCopy.uauploadenable4==0"></div>

                                </div>
                                <div class="zttwob">
                                    <div class="yinyin"></div>
                                    <div class="twolefta">安全避障激光探测区域:( {{listwu[0]}} , {{listwu[1]}} , {{listwu[2]}} , {{listwu[3]}} )</div>
                                    <div class="twolefta"></div>
                                    <div class="twolefta">安全避障激光探测结果:( {{listwu[4]}} , {{listwu[5]}} , {{listwu[6]}} , {{listwu[7]}} )</div>
                                    <div class="twolefta"></div>
                                    <div class="tworight" style="margin: 1% auto;">
                                        <div class="twolefta">其他数字输入信号:</div>
                                        <div class="twolefta"># {{listwu[8]}} </div>
                                    </div>
                                    <div class="mask" v-if="listSetCopy.uauploadenable5==0"></div>

                                </div>
                                <div style="clear: both;"></div>
                            </div>
                            <div class="layui-tab-item minbox flex_lr" style="position: relative;">
                                <div class="ztsleft">
                                    <div class="ztsson">舵轮目标转数:({{listliu[0]}},{{listliu[1]}},{{listliu[2]}},{{listliu[3]}},{{listliu[4]}},{{listliu[5]}}) rpm</div>
                                    <div class="ztsson">舵轮实时转速: ({{listliu[6]}},{{listliu[7]}},{{listliu[8]}},{{listliu[9]}},{{listliu[10]}},{{listliu[11]}}) rpm</div>
                                    <div class="ztsson">舵轮目标转角: ({{listliu[12]}},{{listliu[13]}},{{listliu[14]}},{{listliu[15]}},{{listliu[16]}},{{listliu[17]}}) deg</div>
                                    <div class="ztsson">舵轮实时转角: ({{listliu[18]}},{{listliu[19]}},{{listliu[20]}},{{listliu[21]}},{{listliu[22]}},{{listliu[23]}}) deg</div>
                                    <div class="ztsson">从动轮目标转角 ({{listliu[24]}},{{listliu[25]}},{{listliu[26]}},{{listliu[27]}},{{listliu[28]}},{{listliu[29]}})deg</div>
                                    <div class="ztsson">从动轮实时转角 ({{listliu[30]}},{{listliu[31]}},{{listliu[32]}},{{listliu[33]}},{{listliu[34]}},{{listliu[35]}})deg</div>
                                    <div class="mask" v-if="listSetCopy.uauploadenable6==0"></div>

                                </div>
                                <!-- <div class="threemin">
                                    <div class="twolefta">驱动器故障代码</div>
                                    <div class="twoleftc">驱动器1 </div>
                                    <div class="twoleftd">
                                        <div class="bor"></div>
                                        ({{listliu[36]}} ,{{listliu[37]}},{{listliu[38]}},{{listliu[39]}},{{listliu[40]}},{{listliu[41]}})
                                    </div>
                                    <div class="twoleftc">驱动器2 </div>
                                    <div class="twoleftd">({{listliu[42]}} ,{{listliu[43]}},{{listliu[44]}},{{listliu[45]}},{{listliu[46]}},{{listliu[47]}})</div>
                                    <div class="twoleftc">驱动器3 </div>
                                    <div class="twoleftd">({{listliu[48]}} ,{{listliu[49]}},{{listliu[50]}},{{listliu[51]}},{{listliu[52]}},{{listliu[53]}})</div>
                                </div> -->

                                <div class="zttwoa">
                                    <div class="threemin">
                                        <div class="twolefta">驱动器故障代码</div>
                                        <div class="twoleftc">驱动器1 </div>
                                        <div class="twoleftd">({{listliu[36]}} ,{{listliu[37]}},{{listliu[38]}},{{listliu[39]}},{{listliu[40]}},{{listliu[41]}})</div>
                                        <div class="twoleftc">驱动器2 </div>
                                        <div class="twoleftd">({{listliu[42]}} ,{{listliu[43]}},{{listliu[44]}},{{listliu[45]}},{{listliu[46]}},{{listliu[47]}})</div>
                                        <div class="twoleftc">驱动器3 </div>
                                        <div class="twoleftd">({{listliu[48]}} ,{{listliu[49]}},{{listliu[50]}},{{listliu[51]}},{{listliu[52]}},{{listliu[53]}})</div>
                                    </div>
                                    <div class="threemax">
                                        <div class="twolefta">舵轮驱动模组状态</div>
                                        <table class="layui-table" style="background-color: #F5F5F5;">
                                            <tbody>
                                                <tr>
                                                    <td style="padding: 19px 15px;"><span style="margin-left: 3px;font-weight: 100;color: black;">模组 {{listliu[72]}}</span></td>
                                                    <td style="padding: 19px 15px;"><span style="font-weight: 100;color: black;">模组 {{listliu[73]}}</span></td>
                                                    <td style="padding: 19px 15px;"><span style="font-weight: 100;color: black;">模组 {{listliu[74]}}</span></td>
                                                    <td style="padding: 19px 15px;"><span style="font-weight: 100;color: black;">模组 {{listliu[75]}}</span></td>

                                                </tr>
                                                <tr>
                                                    <td style="padding: 19px 15px;"><span style="font-weight: 100;color: black;">模组 {{listliu[76]}}</span></td>
                                                    <td style="padding: 19px 15px;"><span style="font-weight: 100;color: black;">模组 {{listliu[77]}}</span></td>
                                                    <td style="padding: 19px 15px;"><span style="font-weight: 100;color: black;">模组 {{listliu[78]}}</span></td>
                                                    <td style="padding: 19px 15px;"><span style="font-weight: 100;color: black;">模组 {{listliu[79]}}</span></td>

                                                </tr>
                                                <tr>
                                                    <td style="padding: 19px 15px;"><span style="font-weight: 100;color: black;">模组 {{listliu[80]}}</span></td>
                                                    <td style="padding: 19px 15px;"><span style="font-weight: 100;color: black;">模组 {{listliu[81]}}</span></td>
                                                    <td style="padding: 19px 15px;"><span style="font-weight: 100;color: black;">模组 {{listliu[82]}}</span></td>
                                                    <td style="padding: 19px 15px;"><span style="font-weight: 100;color: black;">模组 {{listliu[83]}}</span></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="threemin">
                                        <div class="twolefta">驱动器通信超时</div>
                                        <div class="twoleftc">驱动器1 </div>
                                        <div class="twoleftd">({{listliu[54]}} ,{{listliu[55]}},{{listliu[56]}},{{listliu[57]}},{{listliu[58]}},{{listliu[59]}})</div>
                                        <div class="twoleftc">驱动器2 </div>
                                        <div class="twoleftd">({{listliu[60]}} ,{{listliu[61]}},{{listliu[62]}},{{listliu[63]}},{{listliu[64]}},{{listliu[65]}})</div>
                                        <div class="twoleftc">驱动器3 </div>
                                        <div class="twoleftd">({{listliu[66]}} ,{{listliu[67]}},{{listliu[68]}},{{listliu[69]}},{{listliu[70]}},{{listliu[71]}})</div>
                                    </div>
                                    <div class="threemax">
                                        <div class="twolefta">舵轮驱动模组通信超时</div>
                                        <table class="layui-table" style="background-color: #F5F5F5;">
                                            <tbody>
                                                <tr>
                                                    <td style="padding: 19px 15px;"><span style="margin-left: 3px;font-weight: 100;color: black;">模组 {{listliu[84]}}</span></td>
                                                    <td style="padding: 19px 15px;"><span style="font-weight: 100;color: black;">模组 {{listliu[85]}}</span></td>
                                                    <td style="padding: 19px 15px;"><span style="font-weight: 100;color: black;">模组 {{listliu[86]}}</span></td>
                                                    <td style="padding: 19px 15px;"><span style="font-weight: 100;color: black;">模组 {{listliu[87]}}</span></td>

                                                </tr>
                                                <tr>
                                                    <td style="padding: 19px 15px;"><span style="font-weight: 100;color: black;">模组 {{listliu[88]}}</span></td>
                                                    <td style="padding: 19px 15px;"><span style="font-weight: 100;color: black;">模组 {{listliu[89]}}</span></td>
                                                    <td style="padding: 19px 15px;"><span style="font-weight: 100;color: black;">模组 {{listliu[90]}}</span></td>
                                                    <td style="padding: 19px 15px;"><span style="font-weight: 100;color: black;">模组 {{listliu[91]}}</span></td>

                                                </tr>
                                                <tr>
                                                    <td style="padding: 19px 15px;"><span style="font-weight: 100;color: black;">模组 {{listliu[92]}}</span></td>
                                                    <td style="padding: 19px 15px;"><span style="font-weight: 100;color: black;">模组 {{listliu[93]}}</span></td>
                                                    <td style="padding: 19px 15px;"><span style="font-weight: 100;color: black;">模组 {{listliu[94]}}</span></td>
                                                    <td style="padding: 19px 15px;"><span style="font-weight: 100;color: black;">模组 {{listliu[95]}}</span></td>
                                                </tr>
                                            </tbody>
                                        </table>

                                    </div>
                                    <div style="clear: both;"></div>
                                    <div class="mask" v-if="listSetCopy.uauploadenable6==0"></div>

                                </div>

                            </div>
                            <div class="layui-tab-item minbox">
                                <div class="zttwoc">
                                    <div class="twolefta">磁导航传感器</div>
                                    <div class="all-percentage">
                                        <div class="line-percentage">
                                            <div class="text-percentage">检测强度</div>
                                            <table class="listqi">
                                                <tr>
                                                    <th style="width: 40px;"> </th>
                                                    <th>ch1</th>
                                                    <th>ch2</th>
                                                    <th>ch3</th>
                                                    <th>ch4</th>
                                                    <th>ch5</th>
                                                    <th>ch6</th>
                                                    <th>ch7</th>
                                                    <th>ch8</th>
                                                    <th>ch9</th>
                                                    <th>ch10</th>
                                                    <th>ch11</th>
                                                    <th>ch12</th>
                                                    <th>ch13</th>
                                                    <th>ch14</th>
                                                    <th>ch15</th>
                                                    <th>ch16</th>
                                                </tr>
                                                <tr>
                                                    <th>一号</th>
                                                    <td>{{listqi[0]}}</td>
                                                    <td>{{listqi[1]}}</td>
                                                    <td>{{listqi[2]}}</td>
                                                    <td>{{listqi[3]}}</td>
                                                    <td>{{listqi[4]}}</td>
                                                    <td>{{listqi[5]}}</td>
                                                    <td>{{listqi[6]}}</td>
                                                    <td>{{listqi[7]}}</td>
                                                    <td>{{listqi[8]}}</td>
                                                    <td>{{listqi[9]}}</td>
                                                    <td>{{listqi[10]}}</td>
                                                    <td>{{listqi[11]}}</td>
                                                    <td>{{listqi[12]}}</td>
                                                    <td>{{listqi[13]}}</td>
                                                    <td>{{listqi[14]}}</td>
                                                    <td>{{listqi[15]}}</td>
                                                </tr>
                                                <tr>
                                                    <th>二号</th>
                                                    <td>{{listqi[16]}}</td>
                                                    <td>{{listqi[17]}}</td>
                                                    <td>{{listqi[18]}}</td>
                                                    <td>{{listqi[19]}}</td>
                                                    <td>{{listqi[20]}}</td>
                                                    <td>{{listqi[21]}}</td>
                                                    <td>{{listqi[22]}}</td>
                                                    <td>{{listqi[23]}}</td>
                                                    <td>{{listqi[24]}}</td>
                                                    <td>{{listqi[25]}}</td>
                                                    <td>{{listqi[26]}}</td>
                                                    <td>{{listqi[27]}}</td>
                                                    <td>{{listqi[28]}}</td>
                                                    <td>{{listqi[29]}}</td>
                                                    <td>{{listqi[30]}}</td>
                                                    <td>{{listqi[31]}}</td>
                                                </tr>
                                                <tr>
                                                    <th>三号</th>
                                                    <td>{{listqi[32]}}</td>
                                                    <td>{{listqi[33]}}</td>
                                                    <td>{{listqi[34]}}</td>
                                                    <td>{{listqi[35]}}</td>
                                                    <td>{{listqi[36]}}</td>
                                                    <td>{{listqi[37]}}</td>
                                                    <td>{{listqi[38]}}</td>
                                                    <td>{{listqi[39]}}</td>
                                                    <td>{{listqi[40]}}</td>
                                                    <td>{{listqi[41]}}</td>
                                                    <td>{{listqi[42]}}</td>
                                                    <td>{{listqi[43]}}</td>
                                                    <td>{{listqi[44]}}</td>
                                                    <td>{{listqi[45]}}</td>
                                                    <td>{{listqi[46]}}</td>
                                                    <td>{{listqi[47]}}</td>
                                                </tr>
                                                <tr>
                                                    <th>四号</th>
                                                    <td>{{listqi[48]}}</td>
                                                    <td>{{listqi[49]}}</td>
                                                    <td>{{listqi[50]}}</td>
                                                    <td>{{listqi[51]}}</td>
                                                    <td>{{listqi[52]}}</td>
                                                    <td>{{listqi[53]}}</td>
                                                    <td>{{listqi[54]}}</td>
                                                    <td>{{listqi[55]}}</td>
                                                    <td>{{listqi[56]}}</td>
                                                    <td>{{listqi[57]}}</td>
                                                    <td>{{listqi[58]}}</td>
                                                    <td>{{listqi[59]}}</td>
                                                    <td>{{listqi[60]}}</td>
                                                    <td>{{listqi[61]}}</td>
                                                    <td>{{listqi[62]}}</td>
                                                    <td>{{listqi[63]}}</td>
                                                </tr>
                                            </table>
                                        </div>
                                        <div class="line-percentage">
                                            <div class="text-percentage">偏差值</div>
                                            <table class="listqi">
                                                <tr>
                                                    <th style="width: 40px;"> </th>
                                                    <th>ch1</th>
                                                    <th>ch2</th>
                                                    <th>ch3</th>
                                                </tr>
                                                <tr>
                                                    <th>一号</th>
                                                    <td>{{listqi[64]}}</td>
                                                    <td>{{listqi[65]}}</td>
                                                    <td>{{listqi[66]}}</td>
                                                </tr>
                                                <tr>
                                                    <th>二号</th>
                                                    <td>{{listqi[67]}}</td>
                                                    <td>{{listqi[68]}}</td>
                                                    <td>{{listqi[69]}}</td>
                                                </tr>
                                                <tr>
                                                    <th>三号</th>
                                                    <td>{{listqi[70]}}</td>
                                                    <td>{{listqi[71]}}</td>
                                                    <td>{{listqi[72]}}</td>

                                                </tr>
                                                <tr>
                                                    <th>四号</th>
                                                    <td>{{listqi[73]}}</td>
                                                    <td>{{listqi[74]}}</td>
                                                    <td>{{listqi[75]}}</td>

                                                </tr>
                                            </table>
                                            <div class="text-percentage">检测状态</div>
                                            <table class="listqi">
                                                <tr>
                                                    <th>ch1</th>
                                                </tr>
                                                <tr>
                                                    <td>{{listqi[76]}}</td>
                                                </tr>
                                                <tr>
                                                    <td>{{listqi[77]}}</td>
                                                </tr>
                                                <tr>
                                                    <td>{{listqi[78]}}</td>
                                                </tr>
                                                <tr>
                                                    <td>{{listqi[79]}}</td>
                                                </tr>
                                            </table>
                                            <div class="text-percentage">通信超时</div>
                                            <table class="listqi">
                                                <tr>
                                                    <th>ch1</th>
                                                </tr>
                                                <tr>
                                                    <td>{{listqi[80]}}</td>
                                                </tr>
                                                <tr>
                                                    <td>{{listqi[81]}}</td>
                                                </tr>
                                                <tr>
                                                    <td>{{listqi[82]}}</td>
                                                </tr>
                                                <tr>
                                                    <td>{{listqi[83]}}</td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                    <div class="ka">
                                        <div class="kahao">
                                            射频读卡器(卡号:{{listqi[84]}})
                                        </div>
                                        <div class="duka">读卡时间:{{listqi[85]}}ms</div>
                                        <div class="tongxin">通信超时:{{listqi[86]}}ms</div>
                                        <div style="clear: both;"></div>
                                    </div>
                                    <div class="mask" v-if="listSetCopy.uauploadenable7==0"></div>

                                </div>
                                <div class="ztthree">
                                    <div class="twolefta">单舵轮电机角度 {{listba[0]}} deg</div>
                                    <div class="fudong">
                                        <div class="threemaxpor">
                                            <div class="twolefta">角度传感器</div>
                                            <div class="twolefta">结 果 ({{listba[1]}} deg ,{{listba[2]}} deg ,{{listba[3]}} deg ,{{listba[4]}} deg)</div>
                                            <div class="twolefta">通信超时 ({{listba[5]}} ,{{listba[6]}} ,{{listba[7]}} ,{{listba[8]}} ) </div>
                                        </div>
                                        <div class="threemaxpor">
                                            <div class="twolefta">距离传感器 </div>
                                            <div class="twolefta">结 果 ( {{listba[9]}} m ,{{listba[10]}} m ,{{listba[11]}} m ,{{listba[12]}} m )</div>
                                            <div class="twolefta">通信超时 ({{listba[13]}} ,{{listba[14]}} ,{{listba[15]}} ,{{listba[16]}} )</div>
                                        </div>
                                        <div class="threemaxpor">
                                            <div class="twolefta">动作执行 </div>
                                            <div class="twolefta">速 度 ({{listba[17]}} ,{{listba[18]}} ,{{listba[19]}} ,{{listba[20]}} )</div>
                                            <div class="twolefta">超 时 ({{listba[21]}} ,{{listba[22]}} ,{{listba[23]}} ,{{listba[24]}} )</div>
                                        </div>
                                    </div>
                                    <div style="clear: both;"></div>
                                    <div class="mask" v-if="listSetCopy.uauploadenable8==0"></div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div style="clear: both;"></div>
                </div>
            </div>

        </div>
    </div>
</div>
<!-- <script>
  function  holdDown()  {            
      console.log('按下事件')      
  }        
  function  holdUp()  {            
      alert('松开事件')
  }
</script> -->
<script src="/start/vue.js"></script>
<script src="/start/layui/lay/modules/jquery.js"></script>

<script>
    layui.use('useradmin', layui.factory('useradmin')).use(['admin', 'useradmin', 'table', "laypage", "layer", "element"], function() {
        var $ = layui.$,
            admin = layui.admin,
            view = layui.view,
            setter = layui.setter,
            table = layui.table,
            laypage = layui.laypage,
            element = layui.element,
            layer = layui.layer,
            form = layui.form;


        function resetSize() {
            var base = 16;
            var width = document.documentElement.clientWidth;
            var fontSize = 16 / 6000 * width;
            document.documentElement.style.fontSize = fontSize + 'px'
        }
        resetSize()
        window.onresize = resetSize


        form.render(null, 'layadmin-useradmin-formlist');

        //监听搜索

        form.on('submit(LAY-user-back-search)', function(data) {
            var field = data.field;

            //执行重载
            table.reload('table-instance', {
                where: field
            });
        });


        new Vue({
            el: '#app',
            data: {
                info: [],
                infoII: [],
                infoIII: [],
                agvid: '',
                ctrlId: '',
                ctrlist: [],
                agvlist: [],
                itemdata: [], //用来存放下拉框当前选中的数据
                alldata: [], //用来存放所有的下拉框数据
                listyi: [], //第一状态块
                lister: [], //第二状态块
                listsan: [], //第三状态块
                listsi: [], //第四状态块
                listwu: [], //第五状态块
                listliu: [], //第六状态块
                listqi: [], //第⑦状态块
                listba: [], //第八状态块,
                points: 100,
                listSet: {},
                listSetCopy: {
                    uauploadenable1: 0,
                    uauploadenable2: 0,
                    uauploadenable3: 0,
                    uauploadenable4: 0,
                    uauploadenable5: 0,
                    uauploadenable6: 0,
                    uauploadenable7: 0,
                    uauploadenable8: 0,
                },
                startTime: '',
                aaa: ''
            },
            //计算
            computed: {

            },
            //初始调用
            created() {
                var that = this



                // console.log(that.ws)
                // let dataa = {
                //     'method': "unsubscribe",
                //     'resource': [that.agvid]
                // }
                // ws.close(JSON.stringify(dataa))

                //调速参数(查询)
                admin.req({
                    url: setter.request.baseUrl + "agv-info/query",
                    data: JSON.stringify({}),
                    type: "POST",
                    dataType: "json",
                    contentType: "application/json;charset=UTF-8",
                    done: function(res) {
                        var aaa = res.info.length - 1
                            //判断是都含有参数
                        var sSeach = window.location.href.split(',')[1];
                        if (sSeach >= 0) {
                            console.log('sSeach', sSeach)
                            that.agvid = sSeach * 1
                            that.itemdata = res.info[aaa]
                        } else {
                            that.agvid = 1
                            that.itemdata = res.info[aaa]
                        }
                        $("#myselect").append("<option style='color:#e6e6e6;' value=''>请选择车辆编号</option>");
                        for (i = 0; i < res.info.length; i++) {
                            if (that.agvid == res.info[i].agvId) {
                                that.ctrlId = res.info[i].ctrlId
                                localStorage.setItem("agvId", res.info[i].agvId)
                                localStorage.setItem("ctrlId", res.info[i].ctrlId)
                            }
                            $("#myselect").append(`<option  value=${res.info[i].agvId }>${res.info[i].agvId }</option>`);
                        }
                        that.alldata = res.info;
                        $("#myselect").find("option[value=" + that.agvid + "]").attr("selected", "selected");
                        // form.render('select'); //需要渲染一下
                        var $myselect = $("#myselect");
                        $myselect.goSelectInput({
                            height: 30,
                            width: 190
                        });
                        var a = $("._select-input").text();
                        $('#myselect').click(function() {
                            var b = $("._select-input").text();
                            if (a != b && b != '请选择车辆编号') {
                                console.log(b);
                                window.open(`../#/dm/list.html?,` + b)
                                location.reload();
                            }
                            // console.log('change');
                            // console.log($('#cont select option:selected').text());



                        })


                        // if(true){
                        // 	return
                        // }

                        // that.ws = new WebSocket('wss://www.microln.com:19004');
                        window.ws = new WebSocket(setter.request.web);
                        // 判断是否连接成功，1成功，3不成功
                        // 连接成功
                        window.ws.onopen = function() {
                            console.log("kaiqi", that.agvid)
                            let dataa = {
                                'method': "subscribe",
                                'resource': [that.agvid]
                            }
                            window.ws.send(JSON.stringify(dataa))
                        }
                        window.ws.onmessage = function(event) {
                            console.log('bbb', event)
                            that.jieshou(event)
                            console.log()
                        }


                        admin.req({
                            url: setter.request.baseUrl + "agv-config/query",
                            data: JSON.stringify({
                                'agvId': parseInt(that.agvid),
                            }),
                            type: "POST",
                            dataType: "json",
                            contentType: "application/json;charset=UTF-8",
                            done: function(res) {
                                console.log(res.info)
                                    // res.info = [{
                                    //     agvId: that.agvid,
                                    //     ctrlId: that.ctrlId,
                                    //     dwauploadtimer1: 0,
                                    //     dwauploadtimer2: 0,
                                    //     dwauploadtimer3: 0,
                                    //     dwauploadtimer4: 0,
                                    //     dwauploadtimer5: 0,
                                    //     dwauploadtimer6: 0,
                                    //     dwauploadtimer7: 0,
                                    //     dwauploadtimer8: 0,
                                    //     uauploadenable1: '',
                                    //     uauploadenable2: '',
                                    //     uauploadenable3: '',
                                    //     uauploadenable4: '',
                                    //     uauploadenable5: '',
                                    //     uauploadenable6: '',
                                    //     uauploadenable7: '',
                                    //     uauploadenable8: '',
                                    // }]
                                if (res.info) {
                                    that.listSet = res.info[0]
                                    var a = JSON.stringify(res.info[0])
                                    that.listSetCopy = JSON.parse(a),
                                        that.startTime = Date.parse(res.info[0].updatetime);
                                    // 获取到数据之后再渲染

                                } else {
                                    that.listSet = {
                                        agvId: that.agvid,
                                        ctrlId: that.ctrlId,
                                        dwauploadtimer1: 0,
                                        dwauploadtimer2: 0,
                                        dwauploadtimer3: 0,
                                        dwauploadtimer4: 0,
                                        dwauploadtimer5: 0,
                                        dwauploadtimer6: 0,
                                        dwauploadtimer7: 0,
                                        dwauploadtimer8: 0,
                                        uauploadenable1: 0,
                                        uauploadenable2: 0,
                                        uauploadenable3: 0,
                                        uauploadenable4: 0,
                                        uauploadenable5: 0,
                                        uauploadenable6: 0,
                                        uauploadenable7: 0,
                                        uauploadenable8: 0,
                                    }
                                }
                                form.render(null, 'layuiadmin-form-user');



                            }
                        })

                    },


                });


                // 状态搜索

                //事件下拉框数据发生变化时
                form.on('select(interest-search)', function(data) {
                    // console.log(4444444444, $("#select").find("dd[lay-value="+that.agvid+"]"))
                    // $("#select").siblings("div.layui-form-select").find("dd[lay-value="+that.agvid+"]").attr("class","layui-this");
                    window.open(`../#/dm/list.html?,` + data.value)
                    location.reload();

                    // $("#select").find("option[value="+that.agvid+"]").attr("selected","selected");
                    // form.render('select'); //需要渲染一下
                });

                form.on('switch(switchTest)', function(data) {

                    var num = data.value
                    var nowTime = Date.parse(new Date())
                    that.listSet['dwauploadtimer' + num] = nowTime - that.startTime
                        // console.log(that.listSet['uauploadenable' + num])
                    if (this.checked) {
                        that.listSet['uauploadenable' + num] = 1
                    } else {
                        that.listSet['uauploadenable' + num] = 0
                    }
                    //do some ajax opeartiopns;
                });
                getData('')
                cansua()

                function getData(agvId) {

                    table.render({
                        //接口
                        elem: "#LAY-app-message-all",
                        url: setter.request.baseUrl + "agv-info/query",
                        data: JSON.stringify({}),
                        where: {
                            agvId: agvId
                        },
                        contentType: "application/json;charset=UTF-8",
                        method: "POST",
                        response: {
                            statusName: "code",
                            statusCode: 0,
                            msgName: "msg",
                            countName: "totalCount",
                            dataName: "info",
                        },
                        page: false,
                        done: function(res, curr, count) {
                            console.log('w', res)
                            laypage.render({
                                elem: 'demo5',
                                count: res.pageResponseDTO.total,
                                curr: pageNum,
                                limit: 10,
                                jump: function(obj, first) {
                                    if (!first) {
                                        // that.shuju.pageNum = obj.curr;
                                        getData(obj.curr)
                                    }
                                }
                            });
                        },
                        cols: [
                            [{
                                field: "agvId",
                                title: "车辆编号",
                                align: 'center',
                                width: '10%',
                            }, {
                                field: "ctrlId",
                                title: "控制板编号",
                                align: 'center',
                                width: '10%',
                            }],
                        ],
                    });

                }

                function cansua() {
                    form.on('submit(LAY-user-back-peizhi)', function(data) {
                        // if (JSON.stringify(that.listSet) == '{}') {
                        //     layer.msg("该车辆暂无数据不能上报配置");
                        //     return
                        // }
                        admin.popup({
                            title: '上报配置',
                            area: ['50%', '70%'],
                            success: function(layero, index) {

                                view(this.id).render('dm/form').done(function() {
                                    // form.render('checkbox');

                                    //监听提交
                                    form.on('submit(LAY-user-back-now-submit)', function(data) {
                                        console.log(data.field)

                                        let date = new Date();
                                        let dateYear = date.getFullYear();
                                        let dateMonth = date.getMonth() + 1;
                                        let dateDate = date.getDate();
                                        let dateHours = date.getHours();
                                        let dateMinutes = date.getMinutes();
                                        let dateSeconds = date.getSeconds();
                                        // var field = Object.entries(data.field); //获取提交的字段
                                        // //新增用户信息  
                                        var nowTime = Date.parse(new Date())
                                        that.listSet.dwauploadtimer1 = data.field.dwauploadtimer1
                                        that.listSet.dwauploadtimer2 = data.field.dwauploadtimer2
                                        that.listSet.dwauploadtimer3 = data.field.dwauploadtimer3
                                        that.listSet.dwauploadtimer4 = data.field.dwauploadtimer4
                                        that.listSet.dwauploadtimer5 = data.field.dwauploadtimer5
                                        that.listSet.dwauploadtimer6 = data.field.dwauploadtimer6
                                        that.listSet.dwauploadtimer7 = data.field.dwauploadtimer7
                                        that.listSet.dwauploadtimer8 = data.field.dwauploadtimer8

                                        that.listSet.updatetime = dateYear + '-' + dateMonth + '-' + dateDate + ' ' + dateHours + ':' + dateMinutes + ':' + dateSeconds
                                        admin.req({
                                            url: setter.request.baseUrl + "agv-config/add",
                                            data: JSON.stringify(that.listSet),
                                            type: "POST",
                                            dataType: "json",
                                            contentType: "application/json;charset=UTF-8",

                                            done: function(res) {
                                                var a = JSON.stringify(that.listSet)
                                                that.listSetCopy = JSON.parse(a),
                                                    layer.close(index); //执行关闭 
                                                layer.msg(res.msg);

                                            },

                                        });
                                    });
                                    form.on('submit(LAY-user-back-submit)', function(data) {
                                        console.log(data.field, that)

                                        // var field = data.field; //获取提交的字段
                                        // //新增用户信息  
                                        admin.req({
                                            url: setter.request.baseUrl + "agv-command/add",
                                            data: JSON.stringify({
                                                'agvId': parseInt(that.agvid),
                                                'code': 8448,
                                                'status': 1,
                                                'ctrlId': parseInt(that.ctrlId),
                                                'param': JSON.stringify({})
                                            }),
                                            type: "POST",
                                            dataType: "json",
                                            contentType: "application/json;charset=UTF-8",

                                            done: function(res) {

                                                console.log('新增', res);
                                                // layui.table.reload('LAY-app-message-all'); //重载表格
                                                layer.close(index); //执行关闭 
                                                layer.msg(res.msg);
                                            },

                                        });
                                    });
                                });
                            }
                        });
                    });

                }
            },
            updated: function() {
                layui.use(['form'], function() {
                    form.render();
                })
            },
            methods: {

                jieshou: function(event) {
                    // console.log("hdkjahksndfl")
                    var that = this
                    var data = event.data;
                    // console.log('123', data) //四个数据包
                    var data = JSON.parse(data)
                        // console.log('data', data)
                        // console.log(data.EVENT == 8194 && (that.listSetCopy.uauploadenable2 == 1 || that.lister.length == 0), data.MSGBODY)



                    if (data.AGVID == that.agvid) {
                        // 第一块
                        if (data.EVENT == 8193 && (that.listSetCopy.uauploadenable1 == 1 || that.listyi.length == 0)) {
                            that.listyi = data.MSGBODY
                            for (var i = 0; i < that.listyi.length; i++) {
                                that.listyi[i] = parseInt(that.listyi[i])
                            }
                            console.log('8193', data.MSGBODY)
                        }
                        if (data.EVENT == 8194 && (that.listSetCopy.uauploadenable2 == 1 || that.lister.length == 0)) {
                            // 第二块
                            that.lister = data.MSGBODY
                                // console.log('8194', data.MSGBODY)
                            for (var i = 0; i < that.lister.length; i++) {
                                if (i > 18) {
                                    that.lister[i] = parseInt(that.lister[i])
                                    continue
                                }
                                that.lister[i] = that.lister[i].toFixed(3)
                            }
                        }
                        if (data.EVENT == 8195 && (that.listSetCopy.uauploadenable3 == 1 || that.listsan.length == 0)) {
                            // 第三块
                            that.listsan = data.MSGBODY
                                // console.log('8195', data.MSGBODY)
                            for (var i = 0; i < that.listsan.length; i++) {
                                if (i == 2 || i == 8 || i == 11) {
                                    that.listsan[i] = parseInt(that.listsan[i])
                                    continue
                                }
                                that.listsan[i] = that.listsan[i].toFixed(3)
                            }
                        }
                        if (data.EVENT == 8196 && (that.listSetCopy.uauploadenable4 == 1 || that.listsi.length == 0)) {
                            // 第四块
                            that.listsi = data.MSGBODY
                                // console.log('8196', data.MSGBODY)
                            for (var i = 0; i < that.listsi.length; i++) {
                                if (i == 3 || i == 4 || i == 6 || i == 7 || i == 16 || i == 17) {
                                    that.listsi[i] = parseInt(that.listsi[i])
                                    continue
                                }
                                that.listsi[i] = that.listsi[i].toFixed(3)
                            }
                        }
                        if (data.EVENT == 8197 && (that.listSetCopy.uauploadenable5 == 1 || that.listwu.length == 0)) {
                            // 第五块
                            that.listwu = data.MSGBODY
                                // console.log('8197', data.MSGBODY)
                            for (var i = 0; i < that.listwu.length; i++) {
                                that.listwu[i] = parseInt(that.listwu[i])
                            }
                        }
                        if (data.EVENT == 8198 && (that.listSetCopy.uauploadenable6 == 1 || that.listliu.length == 0)) {
                            // 第六块
                            that.listliu = data.MSGBODY
                                // console.log('8198', data.MSGBODY)
                            for (var i = 0; i < that.listliu.length; i++) {
                                if (i < 12 || i > 35) {
                                    that.listliu[i] = parseInt(that.listliu[i])
                                    continue
                                }
                                that.listliu[i] = that.listliu[i].toFixed(3)
                            }
                        }
                        if (data.EVENT == 8199 && (that.listSetCopy.uauploadenable7 == 1 || that.listqi.length == 0)) {
                            // 第七块
                            that.listqi = data.MSGBODY
                                // console.log('8199', data.MSGBODY)
                            for (var i = 0; i < that.listqi.length; i++) {
                                that.listqi[i] = parseInt(that.listqi[i])
                            }
                        }
                        if (data.EVENT == 8200 && (that.listSetCopy.uauploadenable8 == 1 || that.listba.length == 0)) {
                            // 第八快
                            that.listba = data.MSGBODY
                                // console.log('8200', data.MSGBODY)
                            for (var i = 0; i < that.listba.length; i++) {
                                if (i > 5 && i < 8 || i > 13 && i < 16 || i > 21 && i < 24) {
                                    that.listba[i] = parseInt(that.listba[i])
                                    continue
                                }
                                that.listba[i] = that.listba[i].toFixed(3)
                            }
                        }
                    }
                    console.log(this.lister)


                },
                // but: function onopen() {
                //     let data = {
                //         "method": "put",
                //         "EVENT": 8240,
                //         "CTRLID": that.ctrlId,
                //         "AGVID": that.agvid,
                //         "MSGBODY": [0, 0, 0, 0]
                //     }
                //     ws.send(JSON.stringify(data))
                //     console.log(JSON.stringify(data))
                // }
            }
        })



        //删除
        function delAdminHandle(params) {
            admin.req({
                url: setter.request.baseUrl + "admin/delete",
                data: {
                    ...params,
                },
                type: "get",
                done: function(res) {
                    layer.msg(res.msg);
                },
            });
        }

        $('.layui-btn.layuiadmin-btn-admin').on('click', function() {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });

        $('#two2').click(function() {
            $('#two2').attr('checked')
        })
    });
    //远程控制
</script>


